<!-- 危险化工工艺 -->
<script lang="ts" setup>
import Filter from "./components/filter.vue";
import Handler from "./components/handler.vue";
import Sheet from "./components/sheet.vue";
import { createState } from "./state";
definePage({
  meta: { title: "装置开停车和大检修报备", order: 4 },
});
defineOptions({ name: "Process" });

const {
  page: { currentPage, pageSize, isLoading, total },
} = createState();
</script>

<template>
  <page-content class="m-0! p-0!" header-class="pb-0!">
    <template #header>
      <div flex="~ justify-between">
        <Filter mb="0!" />
        <Handler />
      </div>
    </template>
    <Sheet />
    <template #footer>
      <el-pagination
        v-model:current-page="currentPage"
        v-model:page-size="pageSize"
        :disabled="isLoading"
        :total="total"
      />
    </template>
  </page-content>
</template>
